<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>DeepSeek AI</title>
    <link href="popup.css" rel="stylesheet" type="text/css" />
<!--    <script type="module" src="popup.js"></script>-->
  </head>
  <body>
<!--    <button class="language-toggle" id="language-toggle">-->
<!--      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
<!--        <path-->
<!--          fill="none"-->
<!--          stroke="currentColor"-->
<!--          stroke-width="2"-->
<!--          stroke-linecap="round"-->
<!--          stroke-linejoin="round"-->
<!--          d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"-->
<!--        />-->
<!--      </svg>-->
<!--    </button>-->
    <div class="container">
      <div class="header">
        <img src="../icons/icon24.png" alt="DeepSeek AI Logo" />
        <span id="header-title">DeepSeek AI</span>
      </div>

      <div class="key">
<!--        <div class="key-header" >-->
<!--          <a-->
<!--            href="https://platform.deepseek.com/api_keys"-->
<!--            target="_blank"-->
<!--            rel="noopener noreferrer"-->
<!--            id="apiKeyLink"-->
<!--          >-->
<!--            前往获取 API Key-->
<!--          </a>-->
<!--        </div>-->
<!--        <div class="error-message"  id="errorMessage"></div>-->
<!--        <div class="input-container" >-->
<!--          <input-->
<!--            type="password"-->
<!--            id="apiKey"-->
<!--            required-->
<!--            placeholder="输入API key"-->
<!--            value="sk-bedbd6b952364830902830af3dcab3c7"-->
<!--          />-->
<!--          <button class="toggle-visibility" id="toggleVisibility">-->
<!--            <img class="svg" src="../icons/show.svg" alt="" id="iconSwitch" />-->
<!--          </button>-->
<!--        </div>-->
<!--        <div class="balance-section">-->
<!--          <span class="balance-text" id="balanceText">余额</span>-->
<!--          <div class="balance-right">-->
<!--            <div class="balance-content" id="balanceContent">-->
<!--              <span class="balance-value" id="totalBalance">&#45;&#45;</span>-->
<!--              <button-->
<!--                class="balance-refresh"-->
<!--                id="balanceRefresh"-->
<!--                title="Refresh Balance"-->
<!--              >-->
<!--                <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
<!--                  <path-->
<!--                    d="M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"-->
<!--                  />-->
<!--                </svg>-->
<!--              </button>-->
<!--            </div>-->
<!--            <button class="balance-toggle" id="balanceToggle">-->
<!--              <img src="../icons/hiddle.svg" alt="" id="balanceIcon" />-->
<!--            </button>-->
<!--          </div>-->
<!--        </div>-->

        <div class="language-switch">
          <label for="model" id="modelLabel">选择模型</label>
          <select id="model">
            <option value="v3">V3</option>
<!--            <option value="r1">R1</option>-->
          </select>
        </div>

<!--        <div class="language-switch">-->
<!--          <label for="language" id="preferredLanguageLabel">Preferred Language</label>-->
<!--          <select id="language">-->
<!--            <option value="auto">Auto</option>-->
<!--            <option value="zh">中文</option>-->
<!--            <option value="en">English</option>-->
<!--            <option value="hi">हिन्दी</option>-->
<!--            <option value="es">Español</option>-->
<!--            <option value="fr">Français</option>-->
<!--            <option value="ar">العربية</option>-->
<!--            <option value="bn">বাংলা</option>-->
<!--            <option value="ru">Русский</option>-->
<!--            <option value="pt">Português</option>-->
<!--            <option value="ur">اردو</option>-->
<!--            <option value="de">Deutsch</option>-->
<!--            <option value="ja">日本語</option>-->
<!--            <option value="pa">ਪੰਜਾਬੀ</option>-->
<!--            <option value="mr">मराठी</option>-->
<!--            <option value="te">తెలుగు</option>-->
<!--            <option value="tr">Türkçe</option>-->
<!--            <option value="ta">தமிழ்</option>-->
<!--            <option value="vi">Tiếng Việt</option>-->
<!--          </select>-->
<!--        </div>-->

<!--        <div class="selection-switch">-->
<!--          <label for="selectionEnabled" id="selectionEnabledLabel" class="switch-label-text" data-tooltip="Show a quick button when text is selected to open the chat window">Quick Button</label>-->
<!--          <div class="switch-wrapper">-->
<!--            <input type="checkbox" id="selectionEnabled" class="switch-input" />-->
<!--            <label for="selectionEnabled" class="switch-label"></label>-->
<!--          </div>-->
<!--        </div>-->

<!--        <div class="selection-switch">-->
<!--          <label for="rememberWindowSize" id="rememberWindowSizeLabel" class="switch-label-text" data-tooltip="Remember your preferred chat window size for future sessions">Save Window Size</label>-->
<!--          <div class="switch-wrapper">-->
<!--            <input type="checkbox" id="rememberWindowSize" class="switch-input" />-->
<!--            <label for="rememberWindowSize" class="switch-label"></label>-->
<!--          </div>-->
<!--        </div>-->

<!--        <div class="selection-switch">-->
<!--          <label for="pinWindow" id="pinWindowLabel" class="switch-label-text" data-tooltip="When enabled, clicking outside the window won't close it">Pin Window</label>-->
<!--          <div class="switch-wrapper">-->
<!--            <input type="checkbox" id="pinWindow" class="switch-input" />-->
<!--            <label for="pinWindow" class="switch-label"></label>-->
<!--          </div>-->
<!--        </div>-->
      </div>

<!--      <div class="settings-section">-->
<!--        <div class="setting-item">-->
<!--          <div class="setting-title">-->
<!--            <svg-->
<!--              t="1737192355038"-->
<!--              class="setting-icon"-->
<!--              viewBox="0 0 1024 1024"-->
<!--              version="1.1"-->
<!--              xmlns="http://www.w3.org/2000/svg"-->
<!--              p-id="6074"-->
<!--              width="200"-->
<!--              height="200"-->
<!--            >-->
<!--              <path-->
<!--                d="M853.333333 213.333333a85.333333 85.333333 0 0 1 85.333334 85.333334v426.666666a85.333333 85.333333 0 0 1-85.333334 85.333334H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333334V298.666667a85.333333 85.333333 0 0 1 85.333334-85.333334h682.666666z m0 42.666667H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v426.666666a42.666667 42.666667 0 0 0 42.666667 42.666667h682.666666a42.666667 42.666667 0 0 0 42.666667-42.666667V298.666667a42.666667 42.666667 0 0 0-42.666667-42.666667z m-202.666666 362.666667a32 32 0 1 1 0 64h-277.333334a32 32 0 1 1 0-64h277.333334zM256 469.333333a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334z m128 0a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334z m128 0a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334z m128 0a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334z m128 0a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334zM256 341.333333a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334z m128 0a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334z m128 0a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334z m128 0a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334z m128 0a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334z"-->
<!--                p-id="6075"-->
<!--              ></path>-->
<!--            </svg>-->
<!--            <a href="#" id="shortcutSettings" class="link-button">-->
<!--              <?xml version="1.0" encoding="UTF-8"?>-->
<!--              <span id="shortcutSettingsText">Shortcut Settings</span>-->
<!--            </a>-->
<!--          </div>-->
<!--          <div class="setting-description" id="shortcutDescription">-->
<!--            Please go to set shortcuts-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->

<!--      <div class="help-link">-->
<!--        <a href="#" id="instructionsLink">-->
<!--          <svg-->
<!--            xmlns="http://www.w3.org/2000/svg"-->
<!--            viewBox="0 0 24 24"-->
<!--            fill="none"-->
<!--            stroke="currentColor"-->
<!--            stroke-width="2"-->
<!--            stroke-linecap="round"-->
<!--            stroke-linejoin="round"-->
<!--          >-->
<!--            <circle cx="12" cy="12" r="10"></circle>-->
<!--            <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>-->
<!--            <line x1="12" y1="17" x2="12" y2="17"></line>-->
<!--          </svg>-->
<!--          <span id="instructionsText">Instructions</span>-->
<!--        </a>-->

<!--        <a href="https://status.deepseek.com/" target="_blank" rel="noopener noreferrer" id="statusLink">-->
<!--          <svg-->
<!--            xmlns="http://www.w3.org/2000/svg"-->
<!--            viewBox="0 0 24 24"-->
<!--            fill="none"-->
<!--            stroke="currentColor"-->
<!--            stroke-width="2"-->
<!--            stroke-linecap="round"-->
<!--            stroke-linejoin="round"-->
<!--          >-->
<!--            <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>-->
<!--          </svg>-->
<!--          <span id="statusText">API Service Status</span>-->
<!--        </a>-->
<!--      </div>-->
    </div>
  </body>
</html>
